D3.js Quick Start Guide by Matthew Huntington

Author:Matthew Huntington
Language: eng
Format: epub
Tags: COM051260 - COMPUTERS / Programming Languages / JavaScript, COM060160 - COMPUTERS / Web / Web Programming, COM089000 - COMPUTERS / Data Visualization
Publisher: Packt Publishing
Published: 2018-09-27T12:39:53+00:00

Let's alter the createTable() function so that when it runs, it clears out any rows previously created and re-renders everything. Add d3.select('tbody').html('') to the top of the createTable function in app.js:

var createTable = function(){

//clear out all rows from the table d3.select('tbody').html(''); for (var i = 0; i < runs.length; i++) { var row = d3.select('tbody').append('tr'); row.append('td').html(runs[i].id); row.append('td').html(runs[i].date); row.append('td').html(runs[i].distance); } }

Now refresh the page and click on the SVG to create a new run. The table should then look like this:

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.